<header  class="bar bar-header  bar-stable bar-mycolor " >
    <a class="button button-clear icon ion-ios-arrow-left" ng-click="back()" ></a>
      <h1 class="title ">茶群</h1>
    <button class="button  icon ion-edit bar-right-bt" ng-click="editGroupDetail()" ng-show="groupModel.is_creator"></button>
</header>

<ion-content class="has-header bk-gray" ng-init="init()">

	<div class="bk_white_bg">
		<!-- <div class="item gray_medium_font">全部群成员（{{groupModel.member_count}}）<a class="float-right gray_content ion ion-ios-arrow-right"></a>
    </div> -->
    <div class="row gallery">
        <div class="col col-25" ng-repeat="item in groupModel.member_list">
            <img class="content_center_in_horizon box_60x60px" src={{item.avatar}}>
        </div>
    </div>
	</div>

	<ion-list >
		<div class="item margin-top-10px">
			<label class="item item-input height_100px">
			    群公告:{{groupModel.description}}
			</label>
		</div>
		<div class="item">
			<div class="float-left margin-top-20px">群头像</div>
			<img class="float-right box_60x60px" src={{groupModel.logo}}>
		</div>

		<div class="item">
			<div class="float-left">群名称</div>
			<div class="float-right">{{groupModel.name}}</div>
		</div>

		<div class="item">
			<div class="float-left">群号</div>
			<div class="float-right">{{groupModel.id}}</div>
		</div>

		<div class="item">
			<div class="float-left margin-top-20px">群主</div>
			<a class="margin_left_10px margin-top-20px float-right gray_content ion ion-ios-arrow-right"></a>
			<img class="float-right box_60x60px" src={{groupModel.created_user.avatar}}>
		</div>

		<div class="item margin_bottom_20px">
			<div>群介绍</div>
			<p class="gray_small_font">{{groupModel.description}}</p>
		</div>

	</ion-list>

	<p class="margin_20px width_80p text_center_in_horizon white_medium_font radius_bk_green" ng-click="groupQuit()" ng-show="isMember">删除并退出</p>

	<p class="margin_20px width_80p text_center_in_horizon white_medium_font radius_bk_red" ng-click="groupJoin()" ng-show={{!isMember}}>加入群聊</p>

</ion-content>
